import React from 'react'
import Image from '../Image'
import './User.scss'
import classnames from 'classnames'

export default function User(props) {
  const { avatarSize = '40px', style, avatar, nickname, className } = props
  return (
    <div className={classnames('user-compoent', className)} style={style}>
      <Image style={{width: avatarSize, height: avatarSize}} src={avatar}></Image>
      <span>{nickname}</span>
    </div>
  )
}
